const SkeletonWebpackPlugin = require("vue-skeleton-webpack-plugin");
const path = require('path');
module.exports = {
//此插件需要css分离
  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  configureWebpack: config => {
  // 骨架屏
    config.plugins.push(
      new SkeletonWebpackPlugin({
        webpackConfig: {
          entry: {
            app: path.join(__dirname, "./src/skeleton.js")
          }
        },
        minimize: true,
        quiet: true,
        router: {
          mode: "hash",
          routes: [
            {
              path: "/home", //和router.js中的路径一样就行
              skeletonId: "skeleton1" // 在skeleton 中的定义的 div 的id
            },
          ]
        }
      })
    );
  }
}
